/* 左内边距 */
.p-l-5 {
    padding-left: 5px;
}
.p-l-10 {
    padding-left: 10px;
}
.p-l-15 {
    padding-left: 15px;
}
.p-l-20 {
    padding-left: 20px;
}
.p-l-25 {
    padding-left: 25px;
}
.p-l-30 {
    padding-left: 30px;
}
/* 右内边距 */
.p-r-5 {
    padding-right: 5px;
}
.p-r-10 {
    padding-right: 10px;
}
.p-r-15 {
    padding-right: 15px;
}
.p-r-20 {
    padding-right: 20px;
}
.p-r-25 {
    padding-right: 25px;
}
.p-r-30 {
    padding-right: 30px;
}
/* 上内边距 */
.p-t-5 {
    padding-top: 5px;
}
.p-t-10 {
    padding-top: 10px;
}
.p-t-15 {
    padding-top: 15px;
}
.p-t-20 {
    padding-top: 20px;
}
.p-t-25 {
    padding-top: 25px;
}
.p-t-30 {
    padding-top: 30px;
}
/* 下内边距 */
.p-b-5 {
    padding-bottom: 5px;
}
.p-b-10 {
    padding-bottom: 10px;
}
.p-b-15 {
    padding-bottom: 15px;
}
.p-b-20 {
    padding-bottom: 20px;
}
.p-b-25 {
    padding-bottom: 25px;
}
.p-b-30 {
    padding-bottom: 30px;
}
/* 左外边距 */
.m-l-5 {
    margin-left: 5px;
}
.m-l-10 {
    margin-left: 10px;
}
.m-l-15 {
    margin-left: 15px;
}
.m-l-20 {
    margin-left: 20px;
}
.m-l-25 {
    margin-left: 25px;
}
.m-l-30 {
    margin-left: 30px;
}
/* 右外边距 */
.m-r-5 {
    margin-right: 5px;
}
.m-r-10 {
    margin-right: 10px;
}
.m-r-15 {
    margin-right: 15px;
}
.m-r-20 {
    margin-right: 20px;
}
.m-r-25 {
    margin-right: 25px;
}
.m-r-30 {
    margin-right: 30px;
}
/* 上外边距 */
.m-t-5 {
    margin-top: 5px;
}
.m-t-10 {
    margin-top: 10px;
}
.m-t-15 {
    margin-top: 15px;
}
.m-t-20 {
    margin-top: 20px;
}
.m-t-25 {
    margin-top: 25px;
}
.m-t-30 {
    padding-top: 30px;
}
/* 下外边距 */
.m-b-5 {
    margin-bottom: 5px;
}
.m-b-10 {
    margin-bottom: 10px;
}
.m-b-15 {
    margin-bottom: 15px;
}
.m-b-20 {
    margin-bottom: 20px;
}
.m-b-25 {
    margin-bottom: 25px;
}
.m-b-30 {
    margin-bottom: 30px;
}
/* 宽100 */
.w-100 {
    width: 100%;
}
/* 高100 */
.h-100 {
    height: 100%;
}
/* 相对定位 */
.p-r {
    position: relative;
}
/* 鼠标悬浮小手 */
.c-p {
    cursor: pointer;
}
/* 左浮动 */
.f-l {
    float: left;
}
/* 右浮动 */
.f-r {
    float: right;
}
/* 字体对齐方式 */
.t-a-l {
    text-align: left;
}
.t-a-r {
    text-align: right;
}
.t-a-c {
    text-align: center;
}
/* 字体加粗 */
.f-w-b {
    font-weight: bold;
}
/* 垂直溢出滚动 */
.o-a {
    overflow-y: auto;
}
/* 设置元素所有方向溢出隐藏 */
.o-h {
    overflow: hidden;
}
/* 图片图标垂直居中 */
.v-a-m {
    vertical-align: middle;
}
/* 图片图标垂直和字体底部对齐 */
.v-a-b {
    vertical-align: text-bottom;
}
/* 利用弹性布局使图标垂直居中 */
.flex-icon {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
/* 常见的弹性流式布局 */
.flex {
    display: flex;
   
}
.justify-end{
    justify-content: flex-end;
}
/* 清除浮动*/
.clearfix:after {
    content: ".";
    /*加一段内容*/
    display: block;
    /*让生成的元素以块级元素显示，占满剩余空间*/
    height: 0;
    /*避免生成的内容破坏原有布局高度*/
    clear: both;
    /*清除浮动*/
    visibility: hidden;
    /*让生成的内容不可见*/
}
.clearfix {
    zoom: 1;
    /*为IE6，7的兼容性设置*/
}
/* 文本溢出省略 */
.elip {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* 显示块状元素 */
.show {
    display: block;
}
/* 隐藏元素 */
.hide {
    display: none;
}
/* 隐藏边框 */
.border-none{
    border: 0 !important;
}